<template>
    <div>

        <van-nav-bar
          left-text="书吧二维码"
          left-arrow
          @click-left="onClickLeft"
        />
        <div class="main">
            <img src="@/img/code.jpg" alt="">
        </div>

    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';

let $router = useRouter()

// 点击返回
function onClickLeft(){
    $router.back()
}
</script>

<style scoped>
.main{
width: 100%;
height: 100%;
display: flex;
  justify-content: center; /* 水平居中 */ 
  align-items: center; /* 垂直居中 */
}
img{
    margin-left: 20px;
    margin-top: 50px;
    width: 300px;
    height: 300px;
}
</style>